// 背景色
.el-table {
  ::v-deep{
    .el-table__header-wrapper, .el-table__fixed-header-wrapper {
      th {
        background-color: rgba(25, 37, 77, 1);
        color: rgba(117, 249, 253, 1);
        font-size: 14px;
        text-align: center;
        font-family: Microsoft Yahei;
      }
    }
    tr {
      background-color: rgba(25, 37, 77, 1);
      color: rgba(117, 249, 253, 1);
      font-size: 14px;
      text-align: center;
      font-family: Microsoft Yahei;
    }
    .el-table__row--striped {
      td {
        background-color: rgba(25, 37, 77, 1);
        color: rgba(117, 249, 253, 1);
        font-size: 14px;
        text-align: center;
        font-family: Microsoft Yahei;
      }
    }
    tbody tr {
      &:hover {
        td {
          background-color: rgba(25, 37, 77, 1);
          color: rgba(117, 249, 253, 1);
          font-size: 14px;
          text-align: center;
          font-family: Microsoft Yahei;
        }
      }
    }
    .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
      background-color: rgba(25, 37, 77, 1); // 斑马线
    }
    .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell{
      background-color: rgba(25, 37, 77, 1); // hover背景色
    }
    .el-table__expanded-cell{
      background-color: rgba(25, 37, 77, 1);
    }
    .el-table__expanded-cell{
      background-color: rgba(25, 37, 77, 1);
      color: rgba(117, 249, 253, 1);
      font-size: 14px;
      text-align: center;
      font-family: Microsoft Yahei;
    }
    $--table-border-color:#72788E 100%;
    // 边框颜色
    .el-table--border, .el-table--group{
      border: 1px solid $--table-border-color;
    }
    td.el-table__cell,  th.el-table__cell.is-leaf{
      border-bottom: 1px solid $--table-border-color;
    }
    .el-table--border::after, .el-table--group::after, &::before{
      background-color: $--table-border-color;
    }
    .el-table--border {
      border-bottom: 1px solid $--table-border-color;
      border-right: 1px solid $--table-border-color;
      margin: 0 auto;
      td.el-table__cell, th.el-table__cell.is-leaf {
        border-bottom: 1px solid $--table-border-color;
      }
    }
    .el-table--border th {
      border: 1px solid $--table-border-color;
      border-right: none;
      border-bottom: none;
    }

    .el-table--border td {
      border: 1px solid $--table-border-color;
      border-right: none;
    }
    .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed{
      border-right: 1px solid $--table-border-color;
    }
    // ----------修改elementui表格的默认样式-----------
    .el-table__body-wrapper {
      &::-webkit-scrollbar { // 整个滚动条
        width: 0; // 纵向滚动条的宽度
        background: rgba(213,215,220,0.3);
        border: none;
      }
      &::-webkit-scrollbar-track { // 滚动条轨道
        border: none;
      }
    }
    // --------------------隐藏table gutter列和内容区右侧的空白 start
    th.gutter{
      display: none;
      width:0
    }
    colgroup col[name='gutter']{
      display: none;
      width: 0;
    }
    .el-table__body{
      width: 100% !important;
    }
    // --------------------隐藏table gutter列和内容区右侧的空白 end
  }
}
